.px-3 {
  padding-left: 24rpx;
  padding-right: 24rpx
}

.pt-3 {
  padding-top: 24rpx;
}

.text-right {
  text-align: right
}

.border-1 {
  border-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-#999999 {
  border-color: #999999;
}

.text-xs {
  font-size: 24rpx;
}

.p-1 {
  padding: 8rpx;
}

.p-4 {
  padding: 32rpx;
}

.mt-4 {
  margin-top: 32rpx;
}

.text-lg {
  font-size: 36rpx;
}

.ml-1 {
  margin-left: 8rpx; /* 4.0px */
}

.mt-1 {
  margin-top: 8rpx;
}

.font-bold {
  font-weight: bold;
}

.text-white {
  color: white;
}

.px-6 {
  padding: 0 48rpx;
}

.mt-4 {
  margin-top: 32rpx;
}

.pb-4 {
  padding-bottom: 32rpx;
}

.mt-2 {
  margin-top: 16rpx;
}

.grid {
  display: grid;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.gap-4 {
  gap: 32rpx;
}

.gap-2 {
  gap: 16rpx; /* 8.0px */
}

.p-2 {
  padding: 16rpx;
}

.text-gray {
  color: gray
}

.underline {
  text-decoration: underline;
}

.underline-offset-1 {
  text-underline-offset: 8rpx;
}


.sticky {
  position: sticky;
}

.bottom-0 {
  bottom: 0;
}

.top-0 {
  top: 0
}

.w-full {
  width: 100%;
}

.bg-white {
  background-color: white;
}

.h-400rpx {
  height: 400rpx;
}

.text-sky-500 {
  color: #0FA5E8;
}

.decoration-sky-500 {

  text-decoration-color: #0FA5E8;
}

.fixed {
  position: fixed;
}

.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.border-b-solid {
  border-bottom-style: solid;
}

.border-b-gray {

  border-bottom-color: gray;
}

.px-4 {
  padding: 0 32rpx;
}

.mb-4 {
  margin-bottom: 32rpx
}

.pb-2 {
  padding-bottom: 16rpx;
}

.text-sm {
  font-size: 28rpx;
}

.w-screen {
  width: 100vw;
}

.absolute {
  position: absolute;
}

.h-screen {
  height: 100vh;
}

.-z-50 {
  z-index: -50;
}

.text-black {

  color: black;
}

.relative {
  position: relative;
}

.left-0 {
  left: 0;
}

.text-#999999 {
  color: #999999
}

.rounded-b-lg {
  border-bottom-left-radius: 16rpx; /* 8.0px */
  border-bottom-right-radius: 16rpx; /* 8.0px */
}

.bg-f1f1f1 {
  background: #f1f1f1;
}

.w-60rpx {
  width: 60rpx;
}
.w-200rpx{
  width: 200rpx;
}
.h-60rpx {
  height: 60rpx;
}

.text-center {
  text-align: center;
}

.bg-E7E7E7 {
  background: #E7E7E7;
}

.rounded-4 {
  border-radius: 32rpx; /* 16.0px */
}
.text-666666{
  color: #666666;
}